// Element Plus 主题定制
// 可以在这里覆盖Element Plus的默认样式变量

// 主色调
:root {
  --el-color-primary: #409eff;
  --el-color-primary-light-3: #79bbff;
  --el-color-primary-light-5: #a0cfff;
  --el-color-primary-light-7: #c6e2ff;
  --el-color-primary-light-8: #d9ecff;
  --el-color-primary-light-9: #ecf5ff;
  --el-color-primary-dark-2: #337ecc;
}

// 与Bootstrap样式兼容性调整
.el-button {
  // 确保Element Plus按钮与Bootstrap样式不冲突
  font-family: inherit;
}

.el-table {
  // 表格样式调整
  font-size: 14px;

  .el-table__header-wrapper {
    th {
      background-color: #f8f9fa;
      color: #495057;
      font-weight: 600;
    }
  }
}

.el-pagination {
  // 分页组件样式
  .el-pagination__total,
  .el-pagination__jump {
    color: #6c757d;
  }
}

// 响应式调整
@media (max-width: 768px) {
  .el-table {
    font-size: 12px;
  }

  .el-pagination {
    .el-pagination__sizes,
    .el-pagination__jump {
      display: none;
    }
  }
}
